// toast提醒窗口样式
@keyframes showMessage {
    0% {opacity: 0; transform: translate3d(0, 100%, 0);}
    20% {opacity: 1; transform: translate3d(0, 0, 0);}
    80% {opacity: 1; transform: translate3d(0, 0, 0);}
    100% {opacity: 0; transform: translate3d(0, 100%, 0);}
}
.message {
    position: fixed;
    z-index: 10001;
    left: 0;
    bottom: 20%;
    width: 100%;
    height: 0rpx;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    &-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    &-item {
        display: block;
        width: fit-content;
        max-width: 680rpx;
        box-sizing: border-box;
        line-height: 1.4;
        background-color: rgba(#000000, .6);
        padding: 6px 12px;
        margin: 0 auto;
        border-radius: 16px;
        animation: showMessage 3s cubic-bezier(0.075, 0.82, 0.165, 1) both;
    }
}
